<template>
    <van-row>
        <van-col :span="24">

            <van-address-edit
                :area-list="areaList"
                show-delete
                show-set-default
                show-search-result
                :search-result="searchResult"
                :area-columns-placeholder="['请选择', '请选择', '请选择']"
                @save="onSave"
                @delete="onDelete"
                @change-detail="onChangeDetail"
                />

        </van-col>
    </van-row>
</template>

<script setup>
import { ref,onMounted } from "vue";

const searchResult = ref([]);

const onSave = () => showToast('save');
const onDelete = () => showToast('delete');
const onChangeDetail = (val) => {
  if (val) {
    searchResult.value = [
      {
        name: '黄龙万科中心',
        address: '杭州市西湖区',
      },
    ];
  } else {
    searchResult.value = [];
  }
};

   const userId = ref(null);

   onMounted(()=>{

        userId.value = 1;


   })
</script>

<style>
</style>